<template>
    <f7-login-screen id="registerScreen" class="register-screen">
        <f7-view>
            <f7-pages navbar-through>
                <f7-page login-screen>
                    <f7-navbar>
                        <f7-nav-left sliding>
                            <f7-link icon-fa="close" close-login-screen></f7-link>
                        </f7-nav-left>
                        <f7-nav-center>注册</f7-nav-center>
                    </f7-navbar>
                    <f7-login-screen-title>输入手机号快速注册</f7-login-screen-title>
                        <f7-list form>
                            <f7-list-item>
                                <f7-input name="phone" placeholder="手机号" type="text"></f7-input>
                            </f7-list-item>
                            <f7-list-item>
                                <f7-input name="password" type="password" placeholder="密码"></f7-input>
                            </f7-list-item>
                            <f7-list-item>
                                <f7-input name="confirmPassword" type="password" placeholder="确认密码"></f7-input>
                            </f7-list-item>
                        </f7-list>
                        <f7-list>
                            <f7-list-button class="btn-register" title="注册" href="/register/editProfile/"></f7-list-button>
                            <f7-list-label>
                                <p>注册代表你同意隐私条款和微博服务使用协议</p>
                            </f7-list-label>
                        </f7-list>
                    </f7-page>
                </f7-pages>
            </f7-view>
    </f7-login-screen>
</template>

<style lang="scss">
    .register-screen {
        .login-screen-title {
            font-size: 20px;
        }
        .btn-register {
            a {
                margin: 0 15px;
                background: #007aff;
                color: #fff;
            }
        }
    }
</style>

